<!--
 * 文件说明: SVG图标组件
 * @author: 无所谓 yagqfhd@qq.com
 * @since: 2023-12-27
 * @file: index.vue
 * @version: 0.0.1
 * 
 *-->
 <!-- 代码定义  -->
<script lang="ts" setup>
import { computed } from "vue"

/** 定义组件属性 */
const props = withDefaults(defineProps<{
  prefix?: string,
  name: string
}>(), {
})

/** SVG 路径 */
const symbolId = computed(() => props.perfix ?  `#${props.prefix}-${props.name}` : `${props.name}`)
</script>
<!-- 模板定义 -->
<template>
  <svg class="svg-icon" aria-hidden="true">
    <use :href="symbolId" />
  </svg>
</template>
<!-- CSS定义 -->
<style lang="less" scoped>
.svg-icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  overflow: hidden;
}
</style>
